<template>
  <div id="app">
 
   <transition name="fade"
		            mode="out-in">
    <router-view/>
    		</transition>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
 margin: 0px;
padding: 0px;
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
font-size: 14px;
 -webkit-font-smoothing: antialiased;
}
#app {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
}
.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}
.cored{
  color: #f56c6c;
}
.uitlile {
  color: #3b5884;
  font-size: 20px;
}
.ukla-box {
  flex: 1;
  background: #fff;
  margin: 10px 0;
  padding: 10px;
}
.vmode {
  vertical-align: middle;
  display: inline-block;
  line-height: 40px;
}
.uicon-box {
  flex: 1;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 20px;
  border-radius: 4px;
}
.card-head {
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid #e6eaee;
  color: #354052;
  font-size: 15px;
}
.card-conbox {
  width: 100%;
  padding: 20px;
}
.dilefx {
  flex: 1;
  display: inline-block;
}
.flex-input {
  width: 140px;
}
.mlaf20 {
  margin-left: 20px;
}
.matiop20 {
  margin-top: 20px;
}
.cohuise{
  color: #bbb;
}
.pagintiobns{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
 .el-table th{
   padding: 0;
   height: 50px;
   background: #fafafa;
 }
</style>

